@import '@/assets/css/index.less';

.user-register-page{
    .flex-center-center();
    flex-direction: column;
    padding-top: 20vh;
    background: white;

    .auth-group{
        width: 330px;
        background: white;
    }

    .input-box{
        padding: 10px;
        .flex-center-start();
    
        .input-title{
            white-space: nowrap;
            font-size: 14px;
            color: #353535;
            margin-right: 10px;
            width: 60px;
            text-align: justify;
            text-align-last: justify;
        }
    
        .input-img{
            width: 60px;
            height: 60px;
            border-radius: 50%;
        }

        .select-img{
            cursor: pointer;
            color: #409EFF;
            font-size: 12px;
            margin-left: 20px;
            position: relative;
            min-height: 60px;
            .flex-center-center();

            .upload-file{
				position: absolute;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border: none;
				outline: none;
				opacity: 0;
                cursor: pointer;
			} 
        }
    
        .el-input, .el-autocomplete{
            flex: 1;
            
            .el-input__prefix, .el-input__suffix{
                .flex-center-center();
            }
        }
    }

    .register-btn{
        padding-top: 50px;
        .flex-center-start();
        flex-direction: column;
    
        .el-button{
            width: 100%;
        }
    
        .change-type{
            cursor: pointer;
            margin-top: 20px;
            color: #9fa2a8;
            font-size: 12px;
            .flex-center-start();
        }
    }
}